{% extends 'layouts/base.html' %}
{% load static %}

{% block head %}
    {# Load the tag library #}
    {% load bootstrap4 %}

    {# Load CSS and JavaScript #}
    {% bootstrap_css %}
    {% bootstrap_javascript jquery='full' %}

    {{ profile_form.media }}

    <link rel="stylesheet" type="text/css" href="{% static 'css/edit.css' %}">
{% endblock %}


{% block content%}
    <div class="mb-2 text-center">
        <h3>Edit account - {{user.username}}</h3>
    </div>
<div class="container">
    
    <form method="post">
        {% csrf_token %}

        {% bootstrap_form form %}
        
        {% bootstrap_form profile_form exclude='geom' %}

        {{ profile_form.geom }}
       
       <br />
       <div class="after-map mt-3">
           <button type="submit" class="btn btn-primary">Save Change</button>
       </div>

    </form>
</div>
        
  
    
     
{% endblock %}